@import "../../less/index.less";
// 页头
header {
  overflow: hidden;
  .language {
    float: right;
    .JUSTIFY(space-between);
    margin: 20px 0;
    width: 146px;
    background: #fff;
    img {
      .WH(46px, 30px)
    }
  }
}
// 页面主体
.content {
  // 企业荣誉
  .ct_honor {
    height: 610px;
    background: @bgGray;
    .honor {
      #TEXT > .CENTER;
      overflow: hidden;
      .part_title {
        margin-bottom: 0;
      }
      #honor_lunbo {
        margin: 0 auto;
        margin-top: 119px;
        width: 95%;
        overflow: hidden;
        white-space: nowrap;
      }

      img {
        margin-right: 2%;
        .WH(216.58px, 205px);
      }

      #lunbo_begin,
      #lunbo_end {
        display: inline;
      }
      .honor_lunbo {
        height: 458px;
        overflow: hidden;
        .timeWrap {
          position: absolute;
          margin-top: 84px;
          .WH(85%, 304px);
          overflow: hidden;
          ul {
            .JUSTIFY(space-between);
            flex-wrap: nowrap;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            li {
              margin-right: 10px;
              .WH(196.58px, 185px);
              img {
                .WH(100%, 100%)
              }
            }
          }
        }
      }
    }
  }
  // 主要客户
  .ct_partner {
    padding-bottom: 90px;
    overflow: hidden;
    .partner {
      #TEXT > .CENTER;
      .partner_list {
        padding-top: 35px;
        display: grid;
        grid-template-rows: repeat(3, 70px);
        grid-template-columns: repeat(4, 25%);
        justify-items: center;
        gap: 62px 0;
        font-size: 25px;
        .list {
          display: flex;
          align-items: center;
          img {
            text-align: center;
            // padding-left: 10px;
            height: 40px;
          }
          b {
            align-items: center;
            padding-left: 60px;
          }
        }
      }
      @media only screen and(@LG) {
        .partner_list {
         
          grid-template-rows: repeat(4, 35px);
          grid-template-columns: repeat(3, 33.33%);
          font-size: 22px;
          .list {
            b {
              align-items: center;
              padding-left: 20px;
            }
            img {
             
              height: 20px;
            }
          }
        }
      }
      @media only screen and(@SM) {
        .partner_list {
          
          grid-template-columns: repeat(2, 50%);
          font-size: 22px;
          .list {
            img {
              
              height: 20px;
            }
          }
        }
      }
    }
  }
  // 企业文化
  .ct_culture {
    padding-bottom: 60px;
    background: @bgGray;
    .culture {
      #TEXT > .CENTER;
      .part_title {
        margin-top: 0;
        padding-top: 60px;
      }
      .culture-nav {
        display: grid;
        grid-template-columns: repeat(3, 33.33%);
        gap: 15px 0;
        justify-items: center;
        & div {
          padding: 10px;
          .WH(330px, 200px);
          box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
          background: #fff;
          & img {
            .WH(100%, 100%);
            transition: all 3s;
            &:hover {
              transform: scale(1.2);
            }
          }
        }
      }
      @media only screen and(@LG) {
        .culture-nav {
          grid-template-columns: repeat(2, 50%);
        }
      }
      @media only screen and(@MD) {
        .culture-nav {
          grid-template-columns: repeat(1, 100%);
          & div {
            .WH(100%, 200px);
          }
        }
      }
    }
  }
}
